{#定义所在容器#}
<style>
    .top_button {
        position: static;
        display:list-item;
        max-width: 80%; /* 设置容器的最大宽度 */
        margin-top: 20px;
        margin-left:120px;
        margin-bottom: 0;
        /* 添加圆角 */
    }
</style>
<div class="container text-center top_button">
    <div class="d-flex">
        <form class="d-flex flex-container" role="search" method="get" action="{% url 'device:device_search' %}">
            <div class="input-group mb-3">
                <a class="btn btn- btn-primary" href="{% url 'device:device_register' %}" role="button"><i
                        class="fa-solid fa-plus fa-beat-fade"></i>新增</a>
                &nbsp;
                <a class="btn btn- btn-primary" href="{% url 'device:export_to_csv' %}" role="button"><i
                        class="fa-solid fa-file-export fa-beat-fade"></i>导出</a>
                &nbsp;
                <a class="btn btn- btn-primary" href="{% url 'device:device_list' %}" role="button"><i
                        class="fa-solid fa-infinity fa-beat-fade"></i>重置</a>
                &nbsp;
                <input type="text" class="form-control" placeholder="名称查询"
                       aria-label="名称查询" aria-describedby="button-addon2" name="search">
                &nbsp;
                <button class="btn  btn-outline-success" type="submit">名称查询</button>
            </div>
        </form>&nbsp;
        <form class="d-flex flex-container" role="search" method="get" action="{% url 'device:device_search' %}">
            <div class="input-group mb-3">
                <input type="text" class="form-control" placeholder="编号查询"
                       aria-label="编号查询" aria-describedby="button-addon2" name="search">
                &nbsp
                <button class="btn  btn-outline-success" type="submit">编号查询</button>
            </div>
        </form>&nbsp;
        <form class="d-flex flex-container" role="search" method="get" action="{% url 'device:device_search' %}">
            <div class="input-group mb-3">
                <input type="text" class="form-control" placeholder="地址查询"
                       aria-label="地址查询" aria-describedby="button-addon2" name="search">&nbsp;
                <button class="btn  btn-outline-success" type="submit">地址查询</button>
            </div>
        </form>&nbsp;
    </div>
</div>